<template>
	<view>
		<view class="kaihutalis">
			<view style="width: 20%; height: 100%; float: left; background:#08377D ;"></view>
			<view style="position: absolute; text-align: center;left: 0; top: 0; color: #fff; width: 100%;">开户进度20%
			</view>
		</view>
		<view class="btn_yjz">
			<view class="yjzsc">使用永居证开户，请点击上传</view>
			<view class="btsc">上传永居证</view>
		</view>
		<view style="width: 100%; height: 24rpx; background: #F6F6FB;float: left;"></view>
		<view class="sctu">
			<view class="tubtn_img">
				<view style="width: 45%; height: 100%; float: left;">
					<image src="../../static/index/sc.png" style="width: 100%; height: 100%;"></image>
				</view>
				<view style="width: 45%; height: 100%; float: right;">
					<image src="../../static/index/sc.png" style="width: 100%; height: 100%;"></image>
				</view>
			</view>
			<view class="ipt_name">
				<input style="width: 100% ; height: 100%;	font-size: 23rpx;" placeholder="姓名" />
			</view>
			<view class="ipt_name">
				<input style="width: 100% ; height: 100%; 	font-size: 23rpx;" placeholder="身份证号" />
			</view>
			<view class="paishegf">拍摄照片规范:</view>
			<view class="wenxt">请拍摄上传您本人的二代身份证，避免<text>边框缺失、字体模糊、光线过暗、遮挡信息、闪光强烈</text>等情况 </view>
			<view class="tab_img_list_a">
				<view class="left_Zqs">
					<image src="../../static/index/1.png" class="left_Zqs_imgh"></image>
					<view class="zqlist">正确</view>
				</view>
				<view class="left_Zqsa">
					<image src="../../static/index/2.png" class="left_Zqs_imgh"></image>
					<view class="zqlist">边框缺失</view>
				</view>
				<view class="left_Zqsa">
					<image src="../../static/index/3.png" class="left_Zqs_imgh"></image>
					<view class="zqlist">信息模糊</view>
				</view>
				<view class="left_Zqsa">
					<image src="../../static/index/4.png" class="left_Zqs_imgh"></image>
					<view class="zqlist">闪光强烈</view>
				</view>
			</view>
			<view style="font-size: 24rpx;
color: #999999; float: left; margin-top: 32rpx; ">*支持的图片格式:jpg,如您的身份证有效期不足三个月，可在力
				理好新的身份证后继续开户或在开户后及时持新身份证前往营业
				部更新资料，以免影响您的正常交易。</view>

			<view style="font-size: 24rpx;
color: #999999; float: left; margin-top: 32rpx; ">尊敬的投资者:如您在我公司已开立账户，请使用原账户登录或注
				销原账户后再新开户，由此给您带来的不便，敬请谅解!</view>
				
				
				<view class="xybta" @click="kaihu()">下一步</view>
		</view>

	</view>
</template>

<script>
	export default{
		methods:{
			kaihu(){
				uni.navigateTo({
					url:'./kaihua'
				})
				}
		}
	}
</script>

<style>
	.kaihutalis {
		width: 100%;
		height: 40rpx;
		float: left;
		background: #D6E1F1;
		position: relative;
	}

	.btn_yjz {
		width: 100%;
		height: 76rpx;
		float: left;
	}

	.yjzsc {
		width: 40%;
		height: 76rpx;
		float: left;
		margin-left: 5%;
		line-height: 76rpx;
		font-size: 24rpx;
		color: #262626;
	}

	.btsc {
		width: 166rpx;
		height: 48rpx;
		background: #FFFFFF;
		border-radius: 10rpx;
		border: 1px solid #08377D;
		float: right;
		margin-right: 33rpx;
		margin-top: 12rpx;
		font-size: 24rpx;
		color: #08377D;
		text-align: center;
		line-height: 48rpx;
	}

	.sctu {
		width: 90%;
		height: 100%;
		float: left;
		margin-left: 5%;
	}

	.tubtn_img {
		width: 100%;
		height: 250rpx;
		float: left;
		margin-top: 32rpx;
	}

	.ipt_name {
		width: 90%;
		height: 64rpx;
		background: #F6F6F6;
		float: left;
		margin-top: 32rpx;
		border-radius: 20rpx;
		padding: 0 5%;

	}

	.paishegf {
		width: 100%;
		height: 94rpx;
		float: left;
		line-height: 94rpx;
		font-weight: bold;
		font-size: 32rpx;
		color: #262626;
		border-bottom: 1rpx solid#E5E5E5;
	}

	.wenxt {
		width: 100%;
		height: 60rpx;
		margin-top: 33rpx;
		font-size: 28rpx;
		float: left;
		color: #999999;
	}

	.wenxt text {
		color: #000;
	}

	.tab_img_list_a {
		width: 100%;
		height: 205rpx;
		border-bottom: 1rpx solid #E5E5E5;
		float: left;
		margin-top: 46rpx;
	}

	.left_Zqs {
		width: 20%;
		height: 100%;
		float: left;
	}

	.left_Zqs_imgh {
		width: 100%;
		height: 132rpx;
		float: left;
	}

	.left_Zqsa {
		width: 24%;
		height: 100%;
		float: left;
		margin-left: 2%;
	}

	.zqlist {
		width: 100%;
		height: 50rpx;
		line-height: 50rpx;
		text-align: center;
		font-size: 28rpx;
		color: #999999;
	}
	.xybta{
		width: 100%;
		height: 92rpx;
		float: left;
		background: #08377D;
		color: #fff;
		text-align: center;
		line-height: 92rpx;
		margin-top: 72rpx;
		font-weight: bold;
		font-size: 32rpx;
		border-radius: 10rpx;
	}
</style>